<?php $this->layout('layout.php') ?>
<?php $this->title = 'About us' ?>

	<div id="fieldus">
		<fieldset>
			<legend><b>&raquo;</b> Enterprise </legend>
			<h1>Introduction</h1>
			<div id="carousel">
					<img src="<?= $this->asset('images/1.jpg'); ?>" id="item-1" alt="Item 1" />
					<img src="<?= $this->asset('images/2.jpg'); ?>" id="item-2" alt="Item 2"/>
					<img src="<?= $this->asset('images/3.jpg'); ?>" id="item-3" alt="Item 3"/>
					<img src="<?= $this->asset('images/4.jpg'); ?>" id="item-4" alt="Item 4"/>
					<img src="<?= $this->asset('images/5.jpg'); ?>" id="item-5" alt="Item 5"/>
					<img src="<?= $this->asset('images/6.jpg'); ?>" id="item-6" alt="Item 6"/>
					<img src="<?= $this->asset('images/7.jpg'); ?>" id="item-7" alt="Item 7"/>
					<img src="<?= $this->asset('images/8.jpg'); ?>" id="item-8" alt="Item 8"/>
					<img src="<?= $this->asset('images/9.jpg'); ?>" id="item-9" alt="Item 9"/>
				</div>
				<div id="flcarou">
					<a href="#" id="prev"><img src="<?= $this->asset('images/FG.png'); ?>" alt="previous"></a>	<a href="#" id="next"><img src="<?= $this->asset('images/FD.png'); ?>" alt="next"></a>
				    <br/>
				</div>
				<div class="content2">
					<p>Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret, post multorum clades Apollinares ambo pater et filius in exilium acti cum ad locum Crateras nomine pervenissent, villam scilicet suam quae ab Antiochia vicensimo et quarto disiungitur lapide, ut mandatum est, fractis cruribus occiduntur.</p>
					<p>Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.</p>
					<p>Et interdum acciderat, ut siquid in penetrali secreto nullo citerioris vitae ministro praesente paterfamilias uxori susurrasset in aurem, velut Amphiarao referente aut Marcio, quondam vatibus inclitis, postridie disceret imperator. ideoque etiam parietes arcanorum soli conscii timebantur.</p>
			</div>
		</fieldset>
		<fieldset>
			<legend><b>&raquo;</b> Members </legend>
			<h1>RobotWithMe Team</h1>
			<div class="content2">
			<h2><img src="<?= $this->asset('images/arthurH.png'); ?>" style="float: left;margin-top:-25px;margin-right:20px" alt="Arthur Halet"> Arthur HALET</h2>
			<p>Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.</p>
			</div>
			<div class="content2">
			<h2><img src="<?= $this->asset('images/al.png'); ?>" style="float: left;margin-top:-25px;margin-right:20px" alt="Bertrand Prouhet"> Bertrand PROUHET</h2>
			<p>Quibus ita sceleste patratis Paulus cruore perfusus reversusque ad principis castra multos coopertos paene catenis adduxit in squalorem deiectos atque maestitiam, quorum adventu intendebantur eculei uncosque parabat carnifex et tormenta. et ex is proscripti sunt plures actique in exilium alii, non nullos gladii consumpsere poenales. nec enim quisquam facile meminit sub Constantio, ubi susurro tenus haec movebantur, quemquam absolutum.</p>
			</div>
		</fieldset>

		<fieldset class="content">
			<legend><b>&raquo;</b> Our Network</legend>
			<h1>Suppliers and customers</h1>
			<div class="content2">
				<ul>
					<li><a href="http://www.developersnippets.com" title="DeveloperSnippets.com">DeveloperSnippets.com</a></li>
					<li><a href="http://www.WittySparks.com" title="WittySparks.com">WittySparks.com</a></li>
					<li><a href="http://videos.wittysparks.com" title="Videos.WittySparks.com">Videos.WittySparks.com</a></li>
					<li><a href="http://www.WittySparks.com" title="Flair.WittySparks.com">Flair.WittySparks.com</a></li>
					<li><a href="http://www.TechVideoBytes.com" title="TechVideoBytes.com">TechVideoBytes.com</a></li>
					<li><a href="http://www.IndianWebShowcase.com" title="IndianWebShowcase.com">IndianWebShowcase.com</a></li>
					<li><a href="http://www.snehaH.com" title="snehaH.com">snehaH.com</a></li>
					<li><a href="http://www.FullOfEntertainment.com" title="FullOfEntertainment.com">FullOfEntertainment.com</a></li>
				</ul>
				<a class="contactlink2" href="<?= $this->route('sponsor'); ?>" style="float:left;margin-top:10px;">Sponsors</a>
			</div>
		</fieldset>
		<fieldset class="content">
			<legend><b>&raquo;</b> Contact</legend>
			<h1>Phone, @-mail, address</h1>
			<div class="content2">
				<h3><img src="<?= $this->asset('images/tel.png'); ?>" style="float: left;margin-top:-10px;margin-right:20px" alt="Phone number1"> (+33) 4 37 XX XX XX</h3>
				<h3><img src="<?= $this->asset('images/mob.png'); ?>" style="float: left;margin-top:-15px;margin-right:20px" alt="Phone number 2"> (+33) 6 93 XX XX XX</h3>
				<h3 class="boutaps"><img src="<?= $this->asset('images/mail.png'); ?>" style="float: left;margin-top:-10px;;margin-right:20px" alt="Contact us"> <a href="mailto:bertrand.prouhet@cpe.fr">contact@robotwithme.com</a>
						<a class="contactlink2" href="<?= $this->route('contactUs'); ?>" style="float:right;">Contact Us</a></h3>
				<h3><img src="<?= $this->asset('images/post.png'); ?>" style="float: left;margin-right:20px" alt="Address">Address : </h3>
				<p>
					43, Boulevard du 11 Novembre 1918<br/>
					69616 Villeurbanne<br/>
					FRANCE<br/><br/>
					<iframe width="640" height="480" src="https://maps.google.fr/maps?ie=UTF8&amp;q=cpe+lyon&amp;fb=1&amp;gl=fr&amp;hq=cpe+lyon&amp;cid=11455951414259567222&amp;t=m&amp;source=embed&amp;ll=45.784943,4.866493&amp;spn=0.007183,0.013733&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.fr/maps?ie=UTF8&amp;q=cpe+lyon&amp;fb=1&amp;gl=fr&amp;hq=cpe+lyon&amp;cid=11455951414259567222&amp;t=m&amp;source=embed&amp;ll=45.784943,4.866493&amp;spn=0.007183,0.013733&amp;z=16&amp;iwloc=A" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>
				</p>
			</div>
		</fieldset>
	</div>
	<script type="text/javascript">
		$(function() {
			$("legend").click(function(){
				$(this).children("b").toggleClass("collapsed");
				$(this).nextAll("div.content").slideToggle(500);
				$(this).nextAll("div.content2").slideToggle(500);
			});
				$("fieldset.topleft1 legend").children("b").addClass("collapsed");
				$("fieldset.topleft1 legend").nextAll("div.content").hide();
				$("fieldset.topleft2 legend").children("b").addClass("collapsed");
				$("fieldset.topleft2 legend").nextAll("div.content").hide();
		});
	</script>

	<script type="text/javascript">
      $(function () {
        var carousel = $("#carousel").waterwheelCarousel({
          flankingItems: 3,
          movingToCenter: function ($item) {
            $('#callback-output').prepend('movingToCenter: ' + $item.attr('id') + '<br/>');
          },
          movedToCenter: function ($item) {
            $('#callback-output').prepend('movedToCenter: ' + $item.attr('id') + '<br/>');
          },
          movingFromCenter: function ($item) {
            $('#callback-output').prepend('movingFromCenter: ' + $item.attr('id') + '<br/>');
          },
          movedFromCenter: function ($item) {
            $('#callback-output').prepend('movedFromCenter: ' + $item.attr('id') + '<br/>');
          },
          clickedCenter: function ($item) {
            $('#callback-output').prepend('clickedCenter: ' + $item.attr('id') + '<br/>');
          },
          autoPlay: 2000,
        });

        $('#prev').bind('click', function () {
          carousel.prev();
          return false;
        });

        $('#next').bind('click', function () {
          carousel.next();
          return false;
        });

        $('#reload').bind('click', function () {
          newOptions = eval("(" + $('#newoptions').val() + ")");
          carousel.reload(newOptions);
          return false;
        });

      });
    </script>


